<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!-- logo -->
    <a class="logo" href="http://localhost:8080/register.html">QQ</a>

    <!-- side -->
    <div class="side" >
        <div class="show">
            <div class="pic">
                <div class="dev"><img src="./images/banner6.jpg" alt=""></div>
                <div class="dev"><img src="./images/banner7.jpg" alt=""></div>
                <div class="dev"><img src="./images/banner8.jpg" alt=""></div>
            </div>
        </div>
    </div>

    <!-- login -->
    <div class="main-wraper">
        <div class="main">
            <div class="login" id="login">
                <div class="header"> 
                    <a title="关闭" class="close" id="close" href="javascript:void(0);"></a> 
                </div>

                <div class="web_qr_login" id="web_qr_login">
                    <div class="web_qr_login_show" id="web_qr_login_show">

                        <div class="web_login" id="web_login">

                            <div class="tips" id="tips">
                                <div class="title" id="title_2">帐号密码登录</div>
                                <div id="qlogin_entry">
                                    推荐使用
                                    <a class="switch_btn_focus link_tips" id="switcher_qlogin" href="javascript:void(0);">
                                        快速安全登录
                                    </a>
                                    ，防止盗号。
                                </div>
                            </div>

                            <div class="login_form">
                                <form id="loginform" action="">
                                    <div class="uinArea" id="uinArea">
                                        <label class="input_tips" id="uin_tips"></label>
                                        <div class="inputOuter">
                                            <input name="uname" class="inputstyle" id="u" type="text" placeholder="支持QQ号/邮箱/手机号登录"> 
                                        </div>
                                    </div>
                                    <div class="pwdArea" id="pwdArea">
                                        <label class="input_tips" id="pwd_tips"></label>
                                        <div class="inputOuter">
                                            <input name="upwd" class="inputstyle password" id="p" type="password" maxlength="16" placeholder="密码">
                                        </div>
                                    </div>
                                    <div class="submit">
                                        <a class="login_button" href="javascript:void(0);">
                                            <input class="btn" id="login_button" type="submit" value="登 录">
                                        </a>
                                    </div>
                                </form>
                            </div>

                        </div>

                        <div class="bottom" id="bottom_web"> 
                            <a class="link" id="forgetpwd" href="https://ssl.ptlogin2.qq.com/ptui_forgetpwd" target="_blank">忘了密码？</a> 
                            <span class="dotted">|</span> 
                            <a class="link" href="http://localhost:8080/register.html" target="_blank">注册新帐号</a> 
                            <span class="dotted">|</span> 
                            <a class="link" id="feedback_web" href="https://support.qq.com/products/14800" target="_blank">意见反馈</a> 
                        </div>

                    </div>
                </div>

            </div>
        </div>
    </div>

</body>

</html>